<block name="resource"> 
    <link href="__ASSET__/Home/v4/src/css/public/jquery.mCustomScrollbar.min.css" rel="stylesheet">
    <link href="__ASSET__/Home/v4/src/css/public/video-pop.css" rel="stylesheet">
</block>
 <div class="video">
    <div class="box">
        <div class="video-box">
                 <div class="v-box">
                        <div class="mod_player relative">
                                <div id="mod_player"></div> 
                                <p class="dark-bg-half absolute match-play-time white">
                                   <span class="statr_race_time"></span>
                                   <span class="statr_race_title"></span>
                                   <i class="close-time absolute"></i>
                                </p>
                                <!--视频播放完成弹窗S-->
                                <div id="myPopup">
                                  <div class="related-videos">
                                      <h1><em>相关视频</em></h1>
                                      <ul class="related-ul">
                                        
                                      </ul>
                                  </div>
                                  <div class="row-right relative">
                                      <h1>下载66Play APP 精彩不错过</h1>
                                      <p><img src="__ASSET__/Home/v4/src/images/erweima.png"/></p> 
                                      <span class="replay" onclick="Videoreplay()"><img src="__ASSET__/Home/v4/src/images/replay.png"/>重播</span>
                                  </div>
                                </div>
                                <div class="popbg" onclick="hid()"></div>
                                <!--视频播放完成弹窗E-->
                        </div>
                        <div class="iframesrc">
                            <span style="float: left">把视频贴到Blog或BBS</span>
                            <input type="text" name="name" id="iframecode" value="" readonly="true" style="float: left;padding: 0;"/>
                            <button class="copy-btn" style="float: left">复制</button>
                        </div>
                </div>       
                <div class="person-info" style="margin-top:0;">
                        <div class="person-avatar relative">
                            <a href="" class="person_url">
                                 <img src="" class="explore_icon" alt=""/>
                                <!--  <img class="newG-icon" title="" src=""> -->
                            </a>
                        </div>
                        <div class="person-infos">
                            <div class="person-info1">
                                <div class="person-name">
                                    <a href="" class="white person_nickname"></a>
                                 </div>
                                <div class="level"></div>
                            </div>
                            <div class="person-info2">
                                <span>粉丝</span>
                                <span class="fans"></span>
                                <span>视频</span>
                                <span class="follows">54654</span>
                            </div>
                        </div>
                        <div class="f-box">
                            <button class="f-btn f-btn1 do-click-gz"  data-flag-gz="true" title="关注">关注</button>
                        </div>
                        <div class="person-do">
                            <input type="hidden"  value="" name="video_id" />
                            <input type="hidden"  value="" name="g_index" />
                            <input type="hidden" value="" name="v_index" />
                            <div class="do-item do-click-zan zan" data-flag-zan="true">
                                <i class="do-zan"></i>
                                <div class="do-span zan-num do-zan">赞</div>
                            </div>
                            <div class="do-item do-click-favour follow"  data-flag-favour="true">
                                <i class="do-shou"></i>
                                <div class="do-span follow-num do-shou">收藏</div>
                            </div>
                            <div class="do-item share" title="分享">
                                <i class="do-share"></i>
                                <div class="do-span do-share share-num">分享</div>
                                <div id="share" class="share_box">
                                    <div class="bdsharebuttonbox relative" data-tag="share_1">
                                        <a class="bds_sqq" data-cmd="sqq" title="分享到QQ"></a>
                                        <a class="bds_qzone" data-cmd="qzone" href="#" title="分享到QQ空间"></a>
                                        <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                        <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                        <a class="bds_other"  title="分享到其他"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="do-item link" title="链接">
                               <a href="" class="link_href" style="display:block;margin:5px auto 0;"><i class="do-link"></i></a>
                               <div class="do-span link-num"><a href="" class="link_href" style="color:#999;">链接</a></div>
                                
                            </div>
                        </div>
                    </div>
        </div>
        <div class="comment-box">
            <div class="cancel" title="关闭视频窗口"></div>
            <div class="comment-main" id="comment-main">
                    <div class="comment-title">
                        <span>评论</span>
                        <span class="common-num"></span>
                    </div>
                    <div class="comment-content" id="comment-content">   
                    </div>
                    <div class="load-more" style="display:none;">
                            <i><img src="__ASSET__/Home/v4/src/images/loading-d.gif" alt="正在加载，请稍候..."/></i>
                            <span style="color:#fff;">正在加载，请稍候...</span>
                   </div>
                </div>
                <div class="video-comment relative">
                    <div class="txt-box">
                        <textarea class="qq-content explore_textarea" style="color:#fff;" placeholder="快说点什么吧~~" id="qq_content" name="saytext"></textarea>
                    </div>
                    <div class="qqface-box relative">
                        <input type="button" class="sub_btn myBtn explore_btn_commit" data-flag-commit="true" value="发表" title="发表评论">
                        <i class="emotion" id="em" title="表情"></i>
                    </div>
                </div>
        </div>
    </div>
</div>
<script src="__ASSET__/Home/v4/lib/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript">
    var listWidth=$(".mod_player").width();

    $(".mod_player").height(listWidth*9/16);

    /*视频结束弹窗*/
    function Videoreplay(){
      jwplayer().play(true);
      $(".popbg").hide();
      $("#myPopup").hide();
    };
    function hid(){
        $(".popbg").hide();
        $("#myPopup").hide();
    }
</script>
<script>
   $(function(){
        $('#em').qqFace({
            id: 'facebox',
            assign: 'qq_content',
            path: _COMMON.public_url+'/Home/v4/src/face/'    //表情存放的路径
        });
        $('#em').click(function(e){

           $('#facebox').css('top','-240px');
           $('#facebox').css('right','0');
           $('#facebox').css('left','initial');
        });
       $(document).ready(function(){
            $(".comment-main").mCustomScrollbar();
            $(".mCSB_container").css("margin-right","10px")
        });
       $(document).on('click',function(event){
           event = event ? event : window.event;
           var obj = event.srcElement ? event.srcElement : event.target; 
           if($(obj).parents('.share').length>0){
                  if($("#share").css('display')=='none'){
                        $("#share").show();
                  }else{
                      $("#share").hide();
                  }
           }else{
                  $("#share").hide();
           }
       })
   })
</script>
